@charset "UTF-8";

@font-face {
	 font-family:ROBO;
	 src: url(../img/Roboto-Condensed.ttf);
	 
	 font-weight:normal;
	 font-style:normal;
	}
@font-face {
	 font-family:ROBO;
	 src: url(../img/Roboto-BoldCondensed.ttf); font-weight:bold;
	 font-style:normal;
	}

/**
CSS3 12 - 2014 (Le Duc Cuong - 0933 488 924 - duccuongweb@gmail.com - skype: lecuong2585)
*/
body {}
h1,h2,h3,h4,h5,h6 { margin: 0 0 0.25em 0; }
h1 { font-size: 200% }                        /* 24px */
h2 { font-size: 166.67% }                     /* 20px */
h3 { font-size: 150% }                        /* 18px */
h4 { font-size: 140% }                        /* 16px */
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic }  /* 14px */

p { margin:0;}
img{ border:none;}
br{ line-height:12px;}
/* ### Lists | Listen  #### */

.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

a {color:#e6e7e8; text-decoration:none;}
a:focus, a:hover, a:active {text-decoration:underline;}
/*-----------------------------------FLOAT FORMAT---------------------*/  	
	.fl { float: left;}
  	.fr { float: right;}
	.clear{ clear:both;}
	.cl{ clear:left;}
	.cr{ clear:right;}
	
/*-----------------------------------TEXT FORMAT----------------------*/  
	.center { text-align:center;}
  	.left { text-align:left;}
  	.right { text-align:right;}
	.uper{ text-transform:uppercase;}
	.justify{text-align:justify;}
	.top{ vertical-align:top;}
	.mid{ vertical-align:middle;}
    .btt{ vertical-align:bottom;}
  	cite, blockquote { font-style:italic }
  	blockquote { margin: 0 0 1em 1.5em }
  	strong,b { font-weight: bold }
  	em,i { font-style:italic }
    .txt-decoration {text-decoration: underline;}
    .txt-weight{font-weight: bold;}
    .txt-italic{font-style: italic;}
    
    
   /*-----------------------------------TEXT FORMAT----------------------*/  
   
   body{margin:0;padding:0;width:100%;color:#e6e7e8;font-family:ROBO;font-size:12px;color:#000000;}
   
   .page{margin:0;padding:0;width: 100%;min-height: 600px; background: url(../img/bg.jpg) no-repeat top center;background-size: 100%;position: relative;overflow: hidden;}
   .logo{margin:0;padding:0;max-width: 100%;height: 101px; position: relative; top:10px; left: 10px;}
   
   /*-----------------------------------ask----------------------*/
   
   .home{margin:-80px auto 0 auto;padding:0; width: 826px; min-height: 500px;background: url(../img/bg_home.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .home .text{margin: 70px auto 0 auto;padding:15px 0 0 0; width: 670px;}
   .home .text p{font-size: 18px; font-weight:bold;}
   .home .text .frm{margin:0;padding:13px 0 0 0; font-size: 18px;}
   .home .text .frm .txt{margin: 5px 0 0 0; vertical-align: middle;}
   .home .text .frm input.tiep{margin: 0;padding:0;width:152px; height:66px;background: url(../img/bt_tiep.png) no-repeat top center;border:none;text-indent: -9999px;position: absolute; top: 349px; right: 80px;}
   .checkbox, .radio {
        margin: 2px 0 0 0 !important;
    	width: 25px;
    	height: 25px;
    	padding: 0 8px 0 0;
    	background: url(../img/radio.png) no-repeat;
    	display: block;
    	float: left;
    }
    .radio {
    	background: url(../img/radio.png) no-repeat;
    }
	
   /*-----------------------------------index----------------------*/
   
   .fone{margin:-128px auto 0 auto;padding:0 0 0 0; width:512px; min-height: 600px;position: relative;z-index: 2001;overflow: hidden;}
   
   .caythong{margin:-102px auto 0 auto;padding:0 0 0 0; width:683px; min-height: 600px;position: relative;z-index: 2001;overflow: hidden;}
   
   .thiep{margin:-102px auto 0 auto;padding:0 0 0 0; min-height: 600px;position: relative; z-index: 2001; overflow:hidden; background:url(../img/thiep.png) no-repeat top center; width:527px; height:700px;}
   
   .thiep textarea{ width:480px; height:85px; padding:5px; font-size:14px; background:#fff; margin:480px 0 0 20px; border:none;}
   .thiep .send{ margin:8px 0 0 210px;}
   .thiep .send a{}
   .thiep .send a:hover{opacity:0.7}
   
   .maso{margin:0 auto 0 auto;padding:0 0 0 0; min-height: 600px;position: relative; z-index: 2001; overflow:hidden; background: url(../img/maso.png) no-repeat top center; width:895px; height:850px;}
   .maso .thamgia{margin:67px 0 0 118px;}
   .maso .thamgia input[type='text']{ width:565px; height:30px; background:#fff; border:none; padding:3px; margin:130px 0 0 0}
   .maso .thamgia a{ padding:100px 0 0 0;}
   
   /*-----------------------------------DANG KY----------------------*/
   .dangky{margin:-80px auto 0 auto;padding:0 0 0 0; width:824px; min-height: 500px;background: url(../img/bg_dky.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky .frm{margin: 223px auto 0 auto;padding:0; width: 694px;}
   .dangky .frm .dk{ height:42px;}
   .dangky .frm .dk label{margin:0;padding:0; width: 99px;font-size:20px;color:#6d1b05; float:left;}
   .dangky .frm .dk input.txt{margin: 5px 10px 0 5px; padding: 5px; width:453px; height: 30px; border: none;}
   .dangky .frm  input.gui{margin: 10px 0 0 234px;padding:0;width:157px; height:75px;background: url(../img/bt_gui.png) no-repeat top center;border:none;text-indent: -9999px;}
   
   
 /*-----------------------------------popup----------------------*/   
   .dangky1{margin:0 auto 0 auto;padding:0 0 0 0; width:928px; min-height: 600px;background: url(../img/pop1.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky1 .chonqua{margin: 355px auto 0 362px}
   .dangky1 .chonqua a{}
   .dangky1 .chonqua a:hover{opacity:0.6}
   .dangky1 .nut-close{ position:absolute; top:28px; right:73px; z-index:3000}
   
   .dangky2{margin:0 auto 0 auto;padding:0 0 0 0; width:934px; min-height:600px;background: url(../img/pop2.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky2 .tieptuc{margin: 245px auto 0 280px}
   .dangky2 .tieptuc a{}
   .dangky2 .tieptuc a:hover{opacity:0.6}
   .dangky2 .nut-close2{ position:absolute; top:13px; right:302px; z-index:3000}
   
   .dangky3{margin:0 auto 0 auto;padding:0 0 0 0; width:934px; min-height:600px;background: url(../img/pop3.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky3 .thulai{margin: 245px auto 0 280px}
   .dangky3 .thulai a{}
   .dangky3 .thulai a:hover{opacity:0.6}
   .dangky3 .nut-close3{ position:absolute; top:13px; right:302px; z-index:3000}
   
   .dangky4{margin:0 auto 0 auto;padding:0 0 0 0; width:678px; min-height:600px;background: url(../img/pop4.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky4 .nut-close4{ position:absolute; top:7px; right:129px; z-index:3000}
   
   .dangky5{margin:0 auto 0 auto;padding:0 0 0 0; width:1100px; min-height:498px;background: url(../img/pop5.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky5 p{ font-size:40px; color:#600; position:absolute; top:164px; left:640px;}
   .dangky5 .dienthongtin{margin:359px auto 0 470px}
   .dangky5 .dienthongtin a{}
   .dangky5 .dienthongtin a:hover{opacity:0.6}
   .dangky5 .nut-close5{ position:absolute; top:7px; right:126px; z-index:3000}
   
   .dangky6{margin:0 auto 0 auto;padding:0 0 0 0; width:934px; min-height:600px;background: url(../img/pop4a.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky6 .dienthongtin{margin: 518px auto 0 392px}
   .dangky6 .dienthongtin a{}
   .dangky6 .dienthongtin a:hover{opacity:0.6}
   .dangky6 .nut-close6{ position:absolute; top:13px; right:208px; z-index:3000}
   
   .dangky7{margin:0 auto 0 auto;padding:0 0 0 0; width:1000px; min-height:600px;background: url(../img/pop6.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky7 .dienthongtin{margin: 518px auto 0 429px}
   .dangky7 .dienthongtin a{}
   .dangky7 .dienthongtin a:hover{opacity:0.6}
   .dangky7 .nut-close7{ position:absolute; top:13px; right:124px; z-index:3000}
   
   .dangky8{margin:0 auto 0 auto;padding:0 0 0 0; width:1000px; min-height:600px;background: url(../img/pop7.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky8 .dienthongtin{margin: 523px auto 0 428px}
   .dangky8 .dienthongtin a{}
   .dangky8 .dienthongtin a:hover{opacity:0.6}
   .dangky8 .nut-close8{ position:absolute; top:13px; right:312px; z-index:3000}
   
   .dangky9{margin:150px auto 0 auto;padding:0 0 0 0; width:1000px; min-height:289px;background: url(../img/pop9.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky9 .dienthongtin{margin: 523px auto 0 428px}
   .dangky9 .dienthongtin a{}
   .dangky9 .dienthongtin a:hover{opacity:0.6}
   .dangky9 .nut-close9{ position:absolute; top:13px; right:160px; z-index:3000}
   
   .dangky10{margin:50px auto 0 auto;padding:0 0 0 0; width:1000px; min-height:550px;background: url(../img/pop10.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky10 .nut-close10{ position:absolute; top:13px; right:80px; z-index:3000}
   .dangky10 .button{ padding:335px 0 0 320px;}
   .dangky10 .button .share{ float:left; padding:0 20px 0 0;}
   .dangky10 .button .share a{}
   .dangky10 .button .share a:hover{opacity:0.8}
   .dangky10 .button .hoantat{ float:left;}
   .dangky10 .button .hoantat a{}
   .dangky10 .button .hoantat a:hover{opacity:0.8}
   
   .dangky11{margin:50px auto 0 auto;padding:0 0 0 0; width:1000px; min-height:550px;background: url(../img/pop11.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky11 .nut-close11{ position:absolute; top:13px; right:183px; z-index:3000}
   
   
   .dangky12{margin:0 auto 0 auto;padding:0 0 0 0; width:1000px; min-height:289px;background: url(../img/pop4a.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden;}
   .dangky12 .dienthongtin{margin: 518px auto 0 418px}
   .dangky12 .dienthongtin a{}
   .dangky12 .dienthongtin a:hover{opacity:0.6}
   .dangky12 .nut-close12{ position:absolute; top:13px; right:240px; z-index:3000}
   
   /*-----------------------------------FOOTER----------------------*/
   .footer{margin:0;padding:0;width: 350px; height: 163px; position: fixed; bottom: 15px; left:6px; z-index: 2000;}
   .footer img{margin:0;padding:0;width:350px; height:163px;}
   
   .footera{margin:0;padding:0;width: 350px; height: 163px; position: fixed; bottom: 35px; left:6px; z-index: 2000;}
   .footera img{margin:0;padding:0;width:350px; height:163px;}
   
   .footer2{margin:0;padding:0;width: 300px;height: 169px; position: fixed; bottom: 10px; right:6px; z-index: 2000;}
   .footer2 img{margin:0;padding:0;width:300px;height: 169px;}
   
   
   
   .footer3{margin:0;padding:0;width:100%; height: 20px; position: fixed; bottom:3px; left:6px; z-index: 2000;}
   .footer3 p{ font-size:13px; font-style:normal; color:#660115;}
   
   .footer4{margin:0;padding:0;width:304px;height: 234px; position: fixed; bottom: 0px; right:6px; z-index: 2000;}
   .footer4 img{margin:0;padding:0;width:307px;height: 234px;}
   /** Viet cho phien ban mobile*/
    /****GENERAL SMALLPHONE*****/
    img{max-width:100%;}
	
	
	#scrollcontent {clear:both; left:44px; overflow:hidden; position:relative; top:165px; width:826px;}
	#scrollcontent .viewport {width:792px; height:430px; overflow: hidden; position: relative;float:left;margin-top:0px;}
	#scrollcontent .overview {width: 792px;list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; color:#000;}
	#scrollcontent .scrollbar{position: relative;top: 0; left: 0;float: right; width: 9px;padding: 0;}
	#scrollcontent .track { background:none; height:100%; width:5px; margin: 0 1px; position: relative; border-radius:20px; }
	#scrollcontent .thumb { background:#bb0428; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top:2px; left: 0px; border-radius:47px;}
	#scrollcontent .thumb:hover{background:#ccc;}
		
   .thele{margin:-80px auto 0 auto;padding:0; width:917px; min-height:650px; background: url(../img/bg-thele.png) no-repeat top center;position: relative;z-index: 2001;overflow: hidden; color:#7f031c;}
   .thele h1{ font-size:18px;  color:#bb0428; font-weight:bold; padding:15px 0 0 0;}
   .thele p{  color:#7f031c; font-size:17px;}
   
   
   
   
   
   
    
    @media screen and (min-width: 769px) and (max-width: 979px){
        
    }
    
    @media screen and (min-width: 641px) and (max-width: 768px){
        
    }
    
    @media screen and (min-width: 481px) and (max-width: 640px){
        
    }
    
    @media screen and (min-width: 401px) and (max-width: 480px){
        
    }
    
    @media screen and (min-width: 301px) and (max-width: 400px){
        
        
    }
    
    @media screen and (max-width: 300px){
        
    }
   
/*----END-----*/  